<template>
	<view>
		<view>我是详情页</view>
		<view>
			<!-- 文本组件。用于包裹文本内容。selectable 文本是否可选 默认是false -->
			<text selectable space="emsp">详情页       唱歌跳舞打篮球</text>
			
		</view>
		<view>
			<!-- 文字可选  user-select 微信小程序文本是否可选 -->
			<text user-select>详情页唱歌跳舞打篮球</text>
			
			<text>我是测试能不能解&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;码</text>
		</view>
		
		<view class="box2" hover-class="box2_active" >
			<view class="box" hover-class="box_active" hover-stop-propagation :hover-start-time="1000" 
			:hover-stay-time="3000">view的使用</view>
		</view>
		<view>独占一行的块状元素</view>
		<button size="mini" type="primary" plain >按钮</button>
		<image src="../../static/icon/index-copy-a.png" ></image>
		<image src="../../static/icon/index-copy-a.png" mode="aspectFit"></image>
	</view>
</template>

<script>
	export default {
		// 页面加载生命周期函数 用 options 接收页面传递过来的的参数
		onLoad(options) {
			console.log(options,"传过来的参数")
		}
	}
	
</script>

<style>
	.box{
		width: 100px;
		height: 100px;
		background: #007AFF;
	}
	.box_active{
		background: #4CD964;
	}
	.box2{
		width: 200px;
		height: 200px;
		background:#ff0000
	}
	.box2_active{
		background: #555555;
	}
</style>
